<html>
<head>
		<link rel="StyleSheet" href="./views/css/human_readable.css" type="text/css" />
		<link rel="StyleSheet" href="./views/css/jquery.cluetip.css" type="text/css" />
		<link href="./views/css/style.css" rel="stylesheet" type="text/css" /> 
		<style type="text/css">
		
		span.customStyleSelectBox { font-size:11px ; padding:5px 7px; border:1px solid #1D4088; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; }
		span.customStyleSelectBox.changed { background-color: #e5eff8; }
		.customStyleSelectBoxInner { background:url(canvas-list-nav-item-arrow-.gif) no-repeat center right; }
		</style>
		
        <script type="text/javascript" src="./views/js/jquery-1.2.6.min.js"></script>
		<script type="text/javascript" src="./views/js/jquery.tagcloud.min.js"></script>		
		<script type="text/javascript" src="./views/js/jquery.tagcloud.js"></script>
		<script type="text/javascript" src="./views/js/jquery.tinysort.min.js"></script>
		<script type="text/javascript" src="./views/js/jquery.cluetip.js"></script>
        <script type="text/javascript" src="./views/js/jquery.slidePanel.min.js"></script>
        <script type="text/javascript" src="./views/js/jquery-ui-personalized-1.5.2.packed.js"></script>  
        <script type="text/javascript" src="./views/js/sprinkle.js"></script>  
		<script src="./views/js/ajaxscript.js"></script>
		<script type="text/javascript">
		
		 $.fn.extend({
		 
			customStyle : function(options) {
			  if(!$.browser.msie || ($.browser.msie&&$.browser.version>6)){
			  return this.each(function() {
			  
					var currentSelected = $(this).find(':selected');
					$(this).after('<span class="customStyleSelectBox"><span class="customStyleSelectBoxInner">'+currentSelected.text()+'</span></span>').css({position:'absolute', opacity:0,fontSize:$(this).next().css('font-size')});
					var selectBoxSpan = $(this).next();
					var selectBoxWidth = parseInt($(this).width()) - parseInt(selectBoxSpan.css('padding-left')) -parseInt(selectBoxSpan.css('padding-right'));			
					var selectBoxSpanInner = selectBoxSpan.find(':first-child');
					selectBoxSpan.css({display:'inline-block'});
					selectBoxSpanInner.css({width:selectBoxWidth, display:'inline-block'});
					var selectBoxHeight = parseInt(selectBoxSpan.height()) + parseInt(selectBoxSpan.css('padding-top')) + parseInt(selectBoxSpan.css('padding-bottom'));
					$(this).height(selectBoxHeight).change(function(){
						selectBoxSpanInner.text($(this).val()).parent().addClass('changed');
					});
					
			  });
			  }
			}
		 });
		


		
		</script>
	
<script type="text/javascript">


$(document).ready(function() {
   
   getObservation(window.location);
   

});

</script>
</head>
<body>


<div id="param"></div>


<div class="container">

<div class="center">

<div class="measurediv" id="dataset">
<div class="liquid-round">
    <div class="top"><span></span></div>
    <div class="center-content" id="datasetvalue">

    </div>
    <div class="bottom"><span></span></div>
</div>
</div>
    
<div class="measurediv" id="measure">
<div class="liquid-round">
    <div class="top"><span></span></div>
    <div class="center-content" id="measurevalue">
       
    </div>
    <div class="bottom"><span></span></div>
</div>
</div>

<div class="observationdiv" id="observation">
<div class="liquid-round">
    <div class="top"><span></span></div>
    <div class="center-content" id="observationvalue">
      
    </div>
    <div class="bottom"><span></span></div>
</div>

</div>
<div class="attributediv" id="attribute">
<div class="liquid-round">
    <div class="top"><span></span></div>
    <div class="center-content" id="attributevalue">

    </div>
    <div class="bottom"><span></span></div>
</div>

</div>


<div class="dimensiondiv" id="dimension">

<div class="liquid-round">
    <div class="top"><span></span></div>
    <div class="center-content" id="dimensionvalue">
      
    </div>
    <div class="bottom"><span></span></div>
</div>

</div>

</div>
</div>
</body>
</html>